<include file="Common/header" />
</head>
<body>
<div id="bjui-window">
	<header id="bjui-header">
		<div class="bjui-navbar-header">
			<a href="javascript:void(0)" class="bjui-navbar-logo">
	    		<img src="__MK__/image/logo.png" alt="" width="" />
	    	</a>
		</div>
		<nav id="bjui-navbar-collapse">
			<ul class="bjui-navbar-right">
                <li class="datetime">
                	<div><span id="bjui-date"><php>echo date('Y/m/d')</php></span> <span id="bjui-clock"><php>echo date('H:i:s')</php></span></div>
                </li>
                <li><a href="#">消息 <span class="badge">4</span></a></li>
                <li class="dropdown">
                	<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="{:U('Index/resetpwd')}" data-toggle="dialog" data-id="resetpwd" data-mask="true" data-width="400" data-height="260">&nbsp;<span class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;</a></li>
                        <!-- <li><a href="#">&nbsp;<span class="glyphicon glyphicon-user"></span> 我的资料</a></li> -->
                        <li class="divider"></li>
                        <li><a href="{:U('Public/outlogin')}" class="red" onclick="return confirm('你确定要退出吗？')">&nbsp;<span class="glyphicon glyphicon-off"></span> 注销登陆</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                	<a href="#" class="dropdown-toggle theme green" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class=""><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li class="active"><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
            </ul>
		</nav>
		<include file="Common/menu" />
	</header>
	<!--container-->
	<div id="bjui-container" class="clearfix">
		<div id="bjui-leftside">
			<div id="bjui-sidebar-s">
		        <div class="collapse"></div>
		    </div>
		    <div id="bjui-sidebar">
		    	<div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i></h2><a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
		    	<div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu" data-heightbox="#bjui-sidebar" data-offsety="26">
		    		<!--左侧菜单区 -->
		    	</div>
		    </div>
		</div>		
		<div id="bjui-navtab" class="tabsPage">
			<div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-tabid="main" class="main" data-url="{:U('home')}">
                        	<a href="javascript:;">
                        		<span><i class="fa fa-home"></i> 我的主页</span>
                        	</a>
                        </li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;" >我的主页</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
            	<div class="page unitBox"></div>
            </div>
			
		</div>
	</div>
	<!--end-->
	<!--底部-->
	<div id="bjui-footer">
		Powered By <a href="http://www.truesion.com" target="_blank">铸成科技</a> Copyright &copy; 2016
	</div>
	<!--底部 end-->
	
	
</div>
<script>
$(function() {
	BJUI.init({
		JSPATH       : '__MK__/bjui/',
	    PLUGINPATH   : '__MK__/bjui/plugins/',
	    // timeout:301 时会话超时后弹出登录对话框
	    loginInfo    : {url:'login_timeout.html', title:'登录', width:400, height:200}, 
	    statusCode   : {ok:200, error:300, timeout:301}, //[可选]
	    ajaxTimeout  : 50000, //[可选]全局Ajax请求超时时间(毫秒)
	    alertTimeout : 3000,  //[可选]信息提示[info/correct]自动关闭延时(毫秒)
	    pageInfo     : {pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
	    keys         : {statusCode:'statusCode', message:'message'}, //[可选]
	    ui           : {showSlidebar:true, clientPaging:true}, //[可选]clientPaging:在客户端响应分页及排序参数
	    debug        : true,    // [可选]调试模式 [true|false，默认false]
	    theme        : 'green' 
	});

	// top 计时器
	var today = new Date(), time = today.getTime()
    $('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
    setInterval(function() {
        today = new Date(today.setSeconds(today.getSeconds() + 1))
        $('#bjui-clock').html(today.formatDate('HH:mm:ss'))
    }, 1000);

    $('#bjui-accordionmenu')
        .collapse()
        .on('hidden.bs.collapse', function(e) {
            $(this).find('> .panel > .panel-heading').each(function() {
                var $heading = $(this), $a = $heading.find('> h4 > a')
                
                if ($a.hasClass('collapsed')) $heading.removeClass('active')
            })
        })
        .on('shown.bs.collapse', function (e) {
            $(this).find('> .panel > .panel-heading').each(function() {
                var $heading = $(this), $a = $heading.find('> h4 > a')
                
                if (!$a.hasClass('collapsed')) $heading.addClass('active')
            })
        });
    
    $(document).on('click', 'ul.menu-items > li > a', function(e) {

        var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj()
        var onClose = function() {
            $li.removeClass('active')
        }
        var onSwitch = function() {
            $('#bjui-accordionmenu').find('ul.menu-items > li').removeClass('switch')
            $li.addClass('switch')
        }
        $li.addClass('active')
        if (options) {
            options.url      = $a.attr('href')
            options.onClose  = onClose
            options.onSwitch = onSwitch
            if (!options.title) options.title = $a.text()
            
            if (!options.target)
                $a.navtab(options)
            else
                $a.dialog(options)
        }
        e.preventDefault()
    });

});
</script>
</body>
</html>
